<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="../../../layui/css/layui.css">
        <style>
            .center{
                margin: 0 auto;
                margin-bottom: 50px;
                width: 60%;
            }
            .layui-form-label{
                font-weight: 700;
            }
        </style>
    </head>
    <body>

        <div class="center">

            <form class="layui-form">
                <div class="layui-form-item">
                    <label class="layui-form-label">优惠券名称</label>
                    <div class="layui-input-block">
                        <input name="discountsName" placeholder="请输入优惠券名称" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <input type="hidden" name="discountsPicture" class="image" >
                <div class="layui-form-item">
                    <div class="layui-upload">
                        <label class="layui-form-label">优惠券图片</label>
                        <div class="layui-upload-list">
                            <img src="" id="userUrl"
                                 title="选择图片"
                                 class="layui-upload-img"
                                 style="width: 150px; height: 150px; border-radius: 50%;">
                            <span id="demoText"></span>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">优惠券类型</label>
                    <div class="layui-input-block">
                        <input type="radio" name="discountsTicket" value="满减券" title="满减券">
                        <input type="radio" name="discountsTicket" value="优惠券" title="优惠券">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">优惠券金额</label>
                    <div class="layui-input-block">
                        <input type="text" name="discountsBegin" placeholder="请输入优惠劵金额" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">开始时间</label>
                    <div class="layui-input-block">
                        <input id="finish" name="discountsFinish" placeholder="请选择开始时间" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">结束时间</label>
                    <div class="layui-input-block">
                        <input id="wire" name="discountsWire" placeholder="请选择结束时间" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">优惠券状态</label>
                    <div class="layui-input-block">
                        <input type="radio" name="discountsQuantity" value="1" title="上线">
                        <input type="radio" name="discountsQuantity" value="2" title="下线">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">发行数量</label>
                    <div class="layui-input-block">
                        <input type="text" name="discountsAmount" placeholder="请输入发放数量" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">获取方式</label>
                    <div class="layui-input-block">
                        <select name="discountsManner" lay-verify="required">
                            <option value="">请选择发送方式</option>
<!--                            <option value="自动发放">自动发放</option>-->
<!--                            <option value="活动发放">活动发放</option>-->
                            <option value="人工发放">人工发放</option>
                        </select>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">优惠券类型</label>
                    <div class="layui-input-block">
                        <select name="discountsType" lay-verify="required">
                            <option value="">请选择类型</option>
                            <option value="商品">商品</option>
                            <option value="视频">视频</option>
                            <option value="无限制">无限制</option>
                        </select>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block">
                        <textarea name="discountsRemark" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
                    </div>
                </div>

                <div class="layui-form-item" style="margin: 0 auto; width: 500px">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="*" style="width: 120px">立即提交</button>
                        <button class="layui-btn layui-btn-primary" lay-submit lay-filter="qx" style="width: 120px">取消</button>
                    </div>
                </div>
            </form>

        </div>


    </body>
    <script src="../../../layui/jquery-3.6.0.js"></script>
    <script src="../../../layui/layui.js"></script>
    <script src="../../../js/couponJs/Addition.js"></script>
</html>